<template>
  <div id="app">
    <!-- 支持多套布局  -->
    <template v-if="route.path.startsWith('/user')">
      <UserLayout />
    </template>
    <template v-else>
      <BasicLayout />
    </template>
  </div>

</template>

<style scoped></style>

<!-- VUE3的 <script setup>语法糖帮助自动处理组件的导入和注册，无需手动components注册子组件 -->
<script setup lang="ts">

// import { RouterView } from 'vue-router'
import { useRoute } from 'vue-router';
import BasicLayout from './layouts/BasicLayout.vue'
import UserLayout from './layouts/UserLayout.vue';

// useRoute和useRouter的区别：useRoute是获取当前路由信息，useRouter是获取路由实例(想实现跳转)
const route = useRoute();

</script>

